<!DOCTYPE html>
<html>
<head>
	<meta charset = "UTF-8">
	<link rel="stylesheet" type="text/css" href="calculator.css">
	<script type="text/javascript" src = "calculator.js"></script>
	<title>计算器</title>
</head>
<body>
	<div id="calculator"> 
		<input type="text" style="width:312px;height:45px" id="result" autofocus = "foucus" >
		<br />
		
		<input type="button" class="input-button time" value="time">
		<input type="button" class="input-button del" value="Del">
		<input type="button" class="input-button cal" value="%">
		<input type="button" class="input-button clear" value="AC">				
		<br />

		<input type="button" class="input-button num" value="7">
		<input type="button" class="input-button num" value="8">
		<input type="button" class="input-button num" value="9">
		<input type="button" class="input-button cal" value="÷">				
		<br />

		<input type="button" class="input-button num" value="4">
		<input type="button" class="input-button num" value="5">
		<input type="button" class="input-button num" value="6">
		<input type="button" class="input-button cal" value="×">				
		<br />

		<input type="button" class="input-button num" value="1">
		<input type="button" class="input-button num" value="2">
		<input type="button" class="input-button num" value="3">
		<input type="button" class="input-button cal" value="-">				
		<br />
	
		<input type="button" class="input-button num" value="0">
		<input type="button" class="input-button num" value=".">
		<input type="button" class="input-button eql" value="=">
		<input type="button" class="input-button cal" value="+">	
		<br />			
				
	</div>
</body>
</html>